import React from 'react'

// export default function List(props) {
//   //   props特点1:(工作时不要直接修改props数据)
//   //   props数据是只读的,不能重新赋值 props.test = 1 报错
//   //   props.xxx = 2
//   //   props.xxx.name = 3 name是xxx对象里面的数据, 这个检查不出来

//   //   props特点2:
//   //   props可以传递或接收任何类型的数据
//   //   讨论数字,字符串,数组等没什么意义.所以下面主要说的是如果通过props传递的是组件或组件实例或jsx,应该如何渲染他们
//   //   const Test = props.xxx
//   return (
    // <div>
    //   {/* 如何渲染一个组件 */}
    //   <props.xxx></props.xxx>

    //   {/* 如何渲染一个组件实例. 组件实例就是一个虚拟dom */}
    //   {props.yyy}

    //   {/* 如何渲染一段jsx, 一段jsx解析完就是虚拟dom */}
    //   {props.zzz}
    // </div>
//   )
// }

export default class List extends React.Component {
  constructor(props) {
    super(props)
    console.log('构造器', this.props)
  }
  render() {
    console.log('render', this.props)
    return <div></div>
  }
}
